groceryapp's People
groceryapp's Issues
Improve the documentation of the project
Use this as a reference and make changes in the readme
https://github.com/dscigdtuw/OneStopHelp
Setting up the home page for the blog
Make the basic architecture for the blog including upload option, comment section and design how different blog posts are organized.
Setting up the home page for the blog
Make the basic architecture for the blog including upload option, comment section and design how different blog posts are organized.
Setting up home page and other pages
Using wireframe, set up home page, contact page, main page and blog. Only create respective components with names, do not add any information. Also, improve the routing for proper set up.
Set up router in the website
Install react-router-dom in client folder.
Set up a router to facilitate rendering of components on different routes
Needs to be done after #1
designing "why chose us" part of home page
Design why chose us part in a way that seems to be impactful and kind of closure for page.
Initial Setup
Create two folders - client and server
Init a new node project in server folder
Init a new react project in client folder
Add animations and graphics to make the website interactive
Add animations and CSS effects keeping in mind the UX (User Experience) too.
Create wireframe for all pages
there will be a total of 3 pages in the project
- Homepage with features, introduction and brief contact details
- Forum/ Blog page
- Main app page to compare the prices
- Contact page with a form
use https://wireframe.cc/ to make wireframe.
Design features component of home page
Add all the features of project and design it accordingly.
Designing contact us page
Use navbar, footer component of main page. Add a form and other necessary details.
Designing Navbar, footer and Contact us part of home page
Improving blog home page
improve the design of blog and design a like system and system for updating posts according to date and time.
Get the server running
Install body-parser and express as dependencies and nodemon as a dev-dependency
Write the code to start server on port 8080 (or any other port) in index.js in the server folder.
Needs to be done after #1
Logo, tagline, color scheme and name of project
First try to look for a name for the project and then design the logo accordingly. Also decide the color scheme of the website experimenting with different color schemes.
Setting up chatbot for support options
Design a basic chatbot using React.
Create contrubting.md
Create a markdown file, explaining how to get started and how to contribute to the project
Use this for reference
https://github.com/sharmaaditya570191/BossY/blob/master/CONTRIBUTING.md
Reach out to project coordinators for setup instructions
Testing APIs needed for project
Search for API's of flipkart, amazon , grofers, ebay and shopclues. Try to use them , understand their documentation and call them. Test them by calling details for some products.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.