https://github.com/saagor16/scic-jobtask-client
Client-side application for SCIC Job Task project built with React.js and Tailwind CSS, providing a responsive interface for product display and filtering
https://github.com/saagor16/scic-jobtask-client
react tailwindcss
Last synced: about 2 months ago
JSON representation
Client-side application for SCIC Job Task project built with React.js and Tailwind CSS, providing a responsive interface for product display and filtering
- Host: GitHub
- URL: https://github.com/saagor16/scic-jobtask-client
- Owner: saagor16
- Created: 2024-08-17T13:18:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-19T14:21:21.000Z (almost 2 years ago)
- Last Synced: 2025-09-08T23:42:49.788Z (10 months ago)
- Topics: react, tailwindcss
- Language: JavaScript
- Homepage: https://job-task-scic-850f3.firebaseapp.com/
- Size: 97.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fullstack MERN Stack Project
This Fullstack MERN (MongoDB, Express.js, React.js, Node.js) project is a single-page website offering search filtering functionalities including pagination, searching, categorization, and sorting of products.
## Project Features
- **Pagination:** Load products with page numbers and navigation buttons.
- **Search:** Find products by name.
- **Categorization:** Filter products by brand, category, and price range.
- **Sorting:** Sort products by price and date added.
- **Authentication:** Google and Email/Password authentication via Firebase.
- **Responsive Design:** Mobile-first approach for all device sizes.
## Technologies Used
### Frontend
- **React.js:** For building interactive UIs.
- **Tailwind CSS:** Utility-first CSS framework for custom design.
- **Firebase Authentication:** Secure user authentication.
### Backend
- **Node.js:** JavaScript runtime for server-side logic.
- **Express.js:** Framework for building APIs.
- **MongoDB & Mongoose:** NoSQL database with ODM for data modeling.
### Deployment
- **Vercel:** Deployment platform for both client and server.
## Client Side
### Features
- Product display with filtering, searching, and sorting.
- Responsive design optimized for mobile and desktop.
- Firebase Authentication integration.