Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yhimanshu22/trendfit
An e-commerce website powered by Firebase backend and Next.js frontend technology.
https://github.com/yhimanshu22/trendfit
authentication firebase firestore githubworkflow netxjs
Last synced: 26 days ago
JSON representation
An e-commerce website powered by Firebase backend and Next.js frontend technology.
- Host: GitHub
- URL: https://github.com/yhimanshu22/trendfit
- Owner: yhimanshu22
- License: gpl-3.0
- Created: 2024-07-08T18:02:56.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-15T03:50:05.000Z (4 months ago)
- Last Synced: 2024-07-16T04:26:40.882Z (4 months ago)
- Topics: authentication, firebase, firestore, githubworkflow, netxjs
- Language: JavaScript
- Homepage: https://trend-fit.vercel.app
- Size: 271 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Getting Started
To run this Next.js app locally, follow these steps:
1. **Clone the repository**:
```bash
git clone
cd
```
2.Create your `.env` fie in the root folder (`TrendFit`) with the following content. Replace placeholders with your actual Firebase keys:
```dotenv
NEXT_PUBLIC_FIREBASE_API_KEY=your-firebase-api-key
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-firebase-project-id
NEXT_PUBLIC_FIREBASE_APP_ID=your-firebase-app-id
```
3. install dependency:
```bash
npm install
```
4. Run project locally:
```bash
npm run dev
```
## Future Improvements
- **Search Functionality:** Allow users to search products by name, category.
- **Sorting:** Enable sorting products by price, popularity, or other relevant attributes.
- **Filters:** Implement filters based on categories, price range, sizes, colors, and other attributes.
- **Payment Gateways:** Integrate Stripe, PayPal, or other secure payment gateways.
- **Performance Optimization:** Implement caching, lazy loading for images, and optimize frontend and backend code.
- **Product Recommendations:** Use AI to offer personalized product suggestions.
- **Wishlist and Comparison:** Allow users to save products and compare multiple items.
- **Enhanced Checkout:** Streamline checkout with guest checkout, address autofill, and order tracking.
## Stack Used
- **Next.js:** Framework for building React applications with server-side rendering and static site generation capabilities.
- **Firebase:** Database and storage solution provided by Google.
- **Firestore:** NoSQL database within Firebase used for scalable, flexible data storage.
- **Storage:** Firebase service for storing user-generated content like images, videos, and other files.
- **Google Auth:** Authentication service provided by Google for user sign-in and sign-up.
- **Passwordless Sign-In/Sign-Up:** Authentication method allowing users to sign in or sign up without passwords, typically using email or phone number verification.