{"id":19196810,"url":"https://github.com/amulyamachhan/thrifty","last_synced_at":"2026-02-15T03:32:00.558Z","repository":{"id":250160457,"uuid":"833340277","full_name":"AmulyaMachhan/Thrifty","owner":"AmulyaMachhan","description":"Thrifty is a full-featured e-commerce web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). It provides a seamless online shopping experience with a robust user authentication system, comprehensive admin management, and a modern, responsive user interface.","archived":false,"fork":false,"pushed_at":"2025-02-06T19:28:06.000Z","size":33050,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T02:51:24.035Z","etag":null,"topics":["css","ecommerce-mern-application","ecommerce-website","express","flowbite-react","html","jwt-authentication","mern-stack","mongodb","mongoose","multer","node","react","redux","tailwindcss"],"latest_commit_sha":null,"homepage":"https://thrifty-qqkh.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AmulyaMachhan.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-07-24T20:59:25.000Z","updated_at":"2025-02-06T19:28:10.000Z","dependencies_parsed_at":"2024-10-18T10:26:39.448Z","dependency_job_id":"b51f6608-08c9-4571-9e96-ff6881c0fc4d","html_url":"https://github.com/AmulyaMachhan/Thrifty","commit_stats":null,"previous_names":["amulyamachhan/thrifty"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AmulyaMachhan/Thrifty","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FThrifty","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FThrifty/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FThrifty/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FThrifty/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AmulyaMachhan","download_url":"https://codeload.github.com/AmulyaMachhan/Thrifty/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FThrifty/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29466929,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T01:01:38.065Z","status":"online","status_checked_at":"2026-02-15T02:00:07.449Z","response_time":118,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","ecommerce-mern-application","ecommerce-website","express","flowbite-react","html","jwt-authentication","mern-stack","mongodb","mongoose","multer","node","react","redux","tailwindcss"],"created_at":"2024-11-09T12:14:33.871Z","updated_at":"2026-02-15T03:32:00.542Z","avatar_url":"https://github.com/AmulyaMachhan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Thrifty - E-commerce Store\n\nThrifty is a full-featured e-commerce web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). It provides a seamless online shopping experience with a robust user authentication system, comprehensive admin management, and a modern, responsive user interface.\n\n![thrifty](https://github.com/user-attachments/assets/49651e72-6b5a-413f-96b3-5dedd64df0ed)\n\n## Table of Contents\n\n- [Features](#features)\n- [Tech Stack](#tech-stack)\n- [Installation](#installation)\n- [Environment Variables](#environment-variables)\n- [Running the Application](#running-the-application)\n- [Admin Management](#admin-management)\n- [State Management](#state-management)\n- [Frontend Components](#frontend-components)\n- [Usage](#usage)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Features\n\n### User Features\n\n- **User Authentication**: Full user authentication (sign up, log in, password reset) using JWT tokens.\n- **Profile Management**: Users can view and update their profile information.\n- **Shopping Cart**: Add and remove products from the shopping cart, update quantities.\n- **Favorites**: Add products to favorites for quick access.\n- **Order History**: View order history with detailed order summaries.\n- **Checkout**: Secure checkout process with payment integration (e.g., Stripe or PayPal).\n- **Product Search**: Search and filter products by category, price, and more.\n- **Slick Carousel**: Featured products displayed using a slick carousel for a smooth browsing experience.\n\n### Admin Features\n\n- **Dashboard**: Admin dashboard with product and order analysis using ApexCharts.\n- **User Management**: Manage users, view and update user roles.\n- **Category Management**: Create, update, and delete categories.\n- **Product Management**: Create, update, and delete products with image upload functionality.\n- **Order Management**: View, process, and update order statuses.\n- **Analytics**: Monitor sales and order trends with interactive charts.\n\n### Other Features\n\n- **Responsive Design**: Built with Tailwind CSS and Flowbite for a responsive and modern UI.\n- **Local Storage**: Persistent user session and cart data using local storage.\n- **API Integration**: All front-end states and API calls are managed using Redux Toolkit.\n- **Moment.js**: Date and time formatting for orders and other time-sensitive data.\n- **Full CRUD Operations**: Complete Create, Read, Update, and Delete operations for products, categories, and users.\n\n## Tech Stack\n\n- **Frontend**: React.js, Redux Toolkit, Tailwind CSS, Flowbite\n- **Backend**: Node.js, Express.js, MongoDB\n- **Database**: MongoDB Atlas\n- **Authentication**: JSON Web Tokens (JWT)\n- **Charts**: ApexCharts for data visualization\n- **Date Formatting**: Moment.js\n- **Carousel**: Slick Carousel for featured products\n- **Storage**: LocalStorage for cart and session management\n\n## Installation\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/yourusername/thrifty.git\n   cd thrifty\n   ```\n\n2. **Install dependencies**:\n\n   ```bash\n   # Install server dependencies\n   cd server\n   npm install\n\n   # Install client dependencies\n   cd ../client\n   npm install\n   ```\n\n## Environment Variables\n\nCreate a `.env` file in the `server` directory and add the following:\n\n```env\nNODE_ENV=development\nPORT=5000\nMONGO_URI=your_mongodb_uri\nJWT_SECRET=your_jwt_secret\n```\n\n## Running the Application\n\n1. **Start the backend server**:\n\n   ```bash\n   cd server\n   npm run dev\n   ```\n\n2. **Start the frontend development server**:\n\n   ```bash\n   cd client\n   npm start\n   ```\n\n3. **Open your browser** and go to `http://localhost:3000` to view the application.\n\n## Admin Management\n\n- **Accessing the Admin Dashboard**: Admin users can access the dashboard by logging in with admin credentials and navigating to `/admin/dashboard`.\n- **Category Management**: Admins can create, update, and delete categories from the dashboard.\n- **Product Management**: Manage products, including adding new products, updating details, and deleting products.\n- **Order Management**: View, process, and update the status of orders.\n- **User Management**: Manage user accounts, including updating user roles and deleting users if necessary.\n\n## State Management\n\nState management in Thrifty is handled using **Redux Toolkit**. The application state, including user authentication, product details, cart, and orders, is efficiently managed and stored using Redux.\n\n- **API Calls**: API interactions are managed using `createSlice` and `createAsyncThunk` from Redux Toolkit.\n- **State Persistence**: User sessions and cart data are persisted using LocalStorage.\n\n## Frontend Components\n\nThrifty uses several key frontend components:\n\n- **Slick Carousel**: Used for displaying featured products on the homepage.\n- **ApexCharts**: Integrated into the admin dashboard for visualizing sales and order data.\n- **Flowbite**: Provides UI components like modals, dropdowns, and forms, built on top of Tailwind CSS.\n- **Tailwind CSS**: A utility-first CSS framework used for styling the entire application.\n\n## Usage\n\nTo use Thrifty:\n\n1. **Sign Up**: Create a new account by signing up.\n2. **Browse Products**: Browse through different categories and products.\n3. **Add to Cart**: Add desired products to your shopping cart.\n4. **Checkout**: Proceed to checkout, enter your details, and confirm your order.\n5. **Admin**: If you're an admin, log in to manage the store via the dashboard.\n\n## Contributing\n\nContributions are welcome! Please fork the repository and submit a pull request with your changes.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famulyamachhan%2Fthrifty","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famulyamachhan%2Fthrifty","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famulyamachhan%2Fthrifty/lists"}