FreshlyCloning

How we build a clone of the Freshly.com website

Hello readers we are the students of Masai School. In this Blog, we will share our experience of our construct week project. In this project we had made a clone of US based meal delivering website named Freshly.com.

Team Freshly Members :

Akhil Gonde 2. Akshay Gangane

3. Pratik Paul

4. Santanu Mohapatra

5. Shivaji Zirpe

How did we start?

Working with 5 group members on a project was altogether new experience for us . from the start of the project to the last day of the project all the group members had given there best. To work as a Team, the most important thing was everyone to be on same platform and to get update on the things going on with the project. So firstly we have created a WhatsApp group of project members and also used Slack platform provided by Masai School to have a communication. We have decided to have two meetings in a day. In morning we used to have meeting at 9.30Am to discuss the day agenda and everyone’s task. Further we used to have meeting at 7:00pm to discuss the task completion and next day agenda. We have also decided to post queries on WhatsApp group in case anyone find difficulties in some concept and depending upon that we used to have urgent meeting as well. So that work should be in progress despite being stuck for some thing.

Background :

In unit-1 We have learned about basic JavaScript concepts and started with some DSA problems. In unit-2 we have learned about HTML ,CSS, DOM ,Higher Order functions and about the browser local storage. In this project we have used HTML and CSS to built Homepage and other pages in application. Also we used Local storage to store the data. Further we have implemented the Higher Order function techniques to sort data and to get the desired output. We have used DOM techniques to add functionality in application. The deadline of project submission was 6 days

We used following things to build our website:

HTML 2. CSS

3. JAVA-Script

4. DOM

5. Higher Order Functions

6. Local Storage

Challenges :

Read others code and make changes to it 2. While Merging pages to Main branch in Github faced conflict issues

3. Unusual behavior of various parts of the website while linking them to each other

Roles and responsibilties of team members :

Akhil :- ‘Plans and menu’ section, ‘Cart’ section. 2. Akshay :- ‘How it works’ Section, ‘Delivery date’ page

3. Pratik :- ‘Gifts’ section, Signup page, Login Page, Payment Page.

4. Santanu :- ‘Help’ Section, Footer.

5. Shivaji :- Homepage, Checkout Page.

Day wise flow :

Day-1:- We checked the website, how it was built and created a flow of the website and its functionality. Depend upon these thing we have divided task to everyone as mentioned in Roles and responsibilities. And started collecting Data from main Application. 2. Day-2:- We started working individually on given task. Header-Footer both the components were completed on same day.

3. Day-3:- signup page and login page were completed. and we started working on Gift section, help section and Plans and menu section .

4. Day-4:- Gift section, help section and Home page were completed and we started working on cart page, checkout page and payment page.

5. Day-5:- All the above pages were completed and linked with each other as per the website flow in GitHub.

6. Day-6:- Finalized our Project code, Video Presentation, and this blog post.

Git Hub Details :

1. Project Link:- https://github.com/akhilgonde/FreshlyCloning

2. Deployed Link :-https://relaxed-gecko-451ad3.netlify.app

3. Akhil Gonde:- akhilgonde

4. Akshay Gangane:- akshaygangane

5. Pratik Paul:- Pratik8279

6. Santanu Mohapatra:- Santanu55555

7. Shivaji Zirpe:- CodEsHiVaz