https://github.com/rafath0ssain/sportkek-client
https://github.com/rafath0ssain/sportkek-client
daisyui expressjs firebase-auth full-stack-web-development fullstack-javascript javascript mongodb nodejs reactjs taiwindcss
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rafath0ssain/sportkek-client
- Owner: RafatH0ssain
- Created: 2024-12-04T00:35:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T00:38:26.000Z (over 1 year ago)
- Last Synced: 2026-01-03T14:15:53.043Z (5 months ago)
- Topics: daisyui, expressjs, firebase-auth, full-stack-web-development, fullstack-javascript, javascript, mongodb, nodejs, reactjs, taiwindcss
- Language: JavaScript
- Homepage: https://sportkek.web.app/
- Size: 280 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SportKek - Client Side
## Overview
SportKek is a platform designed to provide users with a seamless and engaging experience for sports-related content. This repository contains the **client-side** code for the SportKek platform, which enables users to interact with sports news, events, and other relevant features.
**Server-side Repository**: [SportKek - Server Side](https://github.com/RafatH0ssain/SportKek-Server)
## Features
- **User Authentication**
- Email/Password-based login and registration
- Firebase Authentication for secure access
- **Home Page**
- Displays a dynamic layout with equipment categories, which update automatically when new categories or items are added
- **All Equipment Page**
- Users can browse through all available equipment, with detailed information for each product
- **User Authentication**
- Users must log in to view personalized content
- After authentication, users can add new equipment, see detailed product info, and manage their **My List**, which shows all items added to their cart
- **Responsive Design**
- Fully responsive layout optimized for both desktop and mobile devices
- **Error Handling**
- Custom 404 error page for invalid routes
## Live Demo
[Live Website](https://sportkek.web.app/)
## Technologies Used
- **React.js** for building the user interface
- **React Router** for efficient routing and navigation
- **Firebase Authentication** for managing user login and registration
- **MongoDB** for storing user profiles and sports data
- **CSS (Tailwind CSS)** for styling and creating a responsive design
- **Node.js** as the runtime environment for running the server-side code
## Installation
To get started with the client-side code of SportKek, follow the instructions below:
1. Clone the repository:
```bash
git clone https://github.com/RafatH0ssain/SportKek-Client
```
2. Navigate to the project directory:
```bash
cd SportKek-Client
```
3. Install the dependencies:
```bash
npm install
```
4. Start the dvelopment Server:
```bash
npm start
```
## Get in touch:
[Email Me](mailto:rafat.click.hossain@gmail.com)