Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mmansy19/e-commerce-react-websie
An e-commerce website built with React.js, Firebase, Cloudinary, react-query, and tailwind-css as a practice project.
https://github.com/mmansy19/e-commerce-react-websie
cloudinary firebase javascript react supabase tailwindcss typescript
Last synced: about 1 month ago
JSON representation
An e-commerce website built with React.js, Firebase, Cloudinary, react-query, and tailwind-css as a practice project.
- Host: GitHub
- URL: https://github.com/mmansy19/e-commerce-react-websie
- Owner: MMansy19
- Created: 2024-03-22T22:35:51.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-22T23:49:01.000Z (9 months ago)
- Last Synced: 2024-03-23T00:44:20.108Z (9 months ago)
- Topics: cloudinary, firebase, javascript, react, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://happy-jolly.vercel.app/
- Size: 554 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Happy Jolly
Happy Jolly is a feature-rich e-commerce website that has been built using modern web technologies such as React.js, Typescript, Firebase, Supabase, Cloudinary, PayPal, React-query, and tailwind-css. The website is designed to provide an engaging user experience for online shoppers interested in purchasing NFTs and other products. Happy Jolly offers a secure login system that enables users to create accounts and access personalized content. The site also features a robust shopping cart that allows users to add products to their cart and complete purchases with ease. Moreover, Happy Jolly offers a collection of exclusive NFTs that users can browse, buy and add to their collection. With its clean design and intuitive user interface, Happy Jolly provides a seamless online shopping experience that is both enjoyable and convenient.
## table of contents
1. [Deployed Application](#deployed-application)
2. [Key Features](#key-features)
3. [Preview](#preview)
4. [Technical Skills](#technical-skills)
5. [Future Development](#future-development)
## Deployed Application
## Key Features
- Firebase authentication for secure user log-in
- Ability for top administrator to register new products
- User cart management through Firebase real-time database
- Mobile-responsive design using tailwind-css
- Custom hooks created with react-query to efficiently fetch data and keep the user interface smooth and responsive.
## Technical Skills
Main Library : React
Main Language and Syntax : Typescript, Javascript ES6+, JSX
State Managemen : useContext
Server : firebase, supabase
UI Library : Tailwind css, React-icons
Others : git, Babel, eslint, prettier, React-query, React-hook-form, axios
## Preview
### v0.1.0
Register Page
Login required for cart
Register Page
Login required for cart
### v0.2.0
Landing Page
Store Navigation
Landing Page (Mobile)
Login Page
### v0.3.0
Collection Page
Product Page
NFT Collection Page
NFT Page
### v0.4.0
Edit Profile Page
Checkout Page
Order Confirmation Page
Orders Page
## Future Development
This project is in its early stages of development, with future plans to implement additional features such as:
- ~~Membership and login through firebase storage~~
- ~~Edit User Profile~~
- ~~Enhance the website's UI, making it even more visually appealing and user-friendly.~~
- ~~Retrieve products and NFT data from APIs and filter by options.~~
- ~~Use the OpenSea API to retrieve NFT data and integrate Supabase for more complex queries on NFT data.~~
- ~~Add Express Checkout by Paypal~~
- Code Refactoring and Optimization
- Get NFT Metadata and Update user's contract address