https://github.com/galaxyxyz5/e-commerce-web
Shoptik-Furniture eCommerce Web Application built by using React, React Router, TailwindCSS, Netlify Serverless, Stripe, Airtable, Auth0
https://github.com/galaxyxyz5/e-commerce-web
airtable auth0 netlify react-router reactjs stripe tailwindcss
Last synced: 4 months ago
JSON representation
Shoptik-Furniture eCommerce Web Application built by using React, React Router, TailwindCSS, Netlify Serverless, Stripe, Airtable, Auth0
- Host: GitHub
- URL: https://github.com/galaxyxyz5/e-commerce-web
- Owner: galaxyxyz5
- License: mit
- Created: 2024-11-25T08:03:19.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-12-24T06:45:07.000Z (6 months ago)
- Last Synced: 2025-02-26T08:23:01.908Z (4 months ago)
- Topics: airtable, auth0, netlify, react-router, reactjs, stripe, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 11.9 MB
- Stars: 14
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
- License: LICENSE
Awesome Lists containing this project
README
# Shoptik - Furniture eCommerce Web App
Shoptik is a full-stack eCommerce project designed to sell furniture online. The project uses modern technologies to provide an engaging user interface and a seamless shopping experience. The frontend of the project was developed using React, Context API, and React Router. Stripe was integrated as the payment gateway, and user authentication and authorization were implemented using Auth0.
For data storage, Airtable was used as a scalable and efficient database solution. Serverless functions were implemented on the backend to handle the processing of data and the communication between the frontend and the database.
## Features
- 📱 Easy to navigate user interface for furniture shopping
- 💳 Secure payment gateway integration using Stripe
- 🔐 User authentication and authorization using Auth0
- 📝 Efficient data storage and retrieval using Airtable
- 📲 Responsive and fast frontend using React, Context API, and React Router
- 🏗️ Scalable backend using serverless functions
## Tech Stack
**Frontend:** React, Context API, React Router, TailwindCSS
**Backend:** Netlify Serverless functions
**Payment Gateway:** Stripe
**Data Storage:** Airtable
**User Authentication:** Auth0
## Live Project
You can access the live version of the Shoptik eCommerce by following this link [Shoptik](https://shoptik.netlify.app)
## Screenshots
**Desktop**
## Lessons Learned
- Integrating Stripe payment on the frontend and backend using Stripe API
- Creating a secure and scalable backend using serverless functions
- Implementing user authentication and authorization using Auth0
- Using Airtable as a database solution for efficient data storage and retrieval
- Implementing a responsive and fast frontend using React, Context API, and React Router
- Understanding the importance of proper project structure and organization
- Leveraging Git for version control and collaboration in software development
- Writing clean and maintainable code for long-term project sustainability
- Handling errors and debugging issues in a full-stack project
- Ensuring the security of user information and payment transactions.
## Acknowledgements
- [React](https://beta.reactjs.org/)
- [Stripe](https://stripe.com/docs)
- [Airtable](https://airtable.com/developers/web/api/introduction)
- [Auth0](https://auth0.com/docs)
- [Vite](https://vitejs.dev/)
- [React Router](https://reactrouter.com/en/main)
- [React Icons](https://react-icons.github.io/react-icons)
## Design Inspiration
- [Behance](https://www.behance.net/gallery/85274215/Furniture-e-Commerce-Website-Landing-Page-Exploration)
## License
Shoptik is licensed under the MIT License. See the LICENSE file for more information.
[MIT](LICENSE)
## Feedback
Please let us know your thoughts on my app by sending any suggestions or feedback to [email protected].
## 🚀 About Me
- Full-stack developer with experience in modern web development
- Proficient in React and JavaScript for frontend development
- Skilled in Redux Toolkit for state management in frontend applications
- Experienced in Node.js and Express.js for backend development
- Ability to create efficient and high-performance server-side applications
- Proficient in using TailwindCSS for creating visually appealing and responsive user interfaces
- Passionate about building user-friendly and efficient applications using cutting-edge technologies
- Always eager to learn new technologies and improve skills to provide the best solutions to clients.
## 🔗 Links
[](https://themodernmonk7.vercel.app)
[](https://www.linkedin.com/in/themodernmonk7)
[](https://twitter.com/themodernmonk7)
[](https://peerlist.io/themodernmonk7)