E-commerce for wall/street art lovers. Built for MLH 48hrs Hackathon.
Third time participating on a hackathon, this time solo. The theme is E-commerce, and I knew right away I wanted nothing that looks or feels like any of the main stream apps. As a minimalist, I purchase quality over quantity, I enjoy clean experiences, and wanted to translate that by stepping out of my comfort zone with this design. The goal is to provide the user with unpolluted visuals,and systematic engagement with a purpose.
Full stack app, with security taken into account:
- Secured HTTP Headers
- Rate limit against Brute force attacks
- Data sanitization against NOSQL Query Injection
- Preventing params/query polution
- Protection against XSS
Payments processed with Stripe
Email integration with twilio's sendgrid and nodemailer
GoDaddy Registry for domain
- No focus on mobile UI although current MVP is mobile-friendly
- Frontend
- React
- CSS
- Backend
- NodeJS
- Express.js
- Database
- MongoDB: mongoose applied
- Deployment
- Render.io
- Domain
- GoDaddy
- Loading Spinner
- Feedback for item added to cart
- Focus on mobile UI
- Pagination and filtering
- Fork/Clone this project
.envexample:
NODE_ENV=development or production
DB_URI=YourURI
GRID_USERNAME=sendgridusername
GRID_PASSWORD=sendgridpassword
EMAIL: [email protected]
STRIPE_KEY: your_secret_key
- Run
npm installat the root to install server dependencies cd client&&npm installto install client dependencies- At the root,
npm run devto start the API - At the root
npm run dev-clientto start the client dev env