🛍️ Geeky Shop - Full Stack Web App

Live Demo • Contact Me

Geeky Shop is a full-stack web application built with React, Vite, and TypeScript for the frontend and Node.js for the backend. The app offers a seamless experience to geek lovers by allowing them to manage an inventory of techie products, access fun games, and relax through immersive media.

---

✨ Features

🔐 Authentication

• Register/Login: Secure signup and login functionality.
• Forgot Password: Recover your account easily.
• Protected Routes: Inventory and games are available only after login.

🏠 Home (Post Login)

• CRUD Operations on geeky product inventory (Create, Read, Update, Delete).
• Add Techie Record: Quickly add geek products to the table.
• Delete Option: Easily remove outdated entries.
• Secret Game: 🎮 Fury Unleashed → Classic Snake Game (unlocks after login).

🌐 Public Screens (Accessible without Login)

• About: Brief description of the Geeky Shop application.
• Ethereal Journey: A relaxing visual and audio experience to unwind.
• Interesting Video: Watch fascinating, curated content.
• Memory Match Challenge: A fun, interactive board game for everyone.
• Contact: Reach out via the in-built contact form.

---

🛠️ Installation & Running

Clone this repository to your local machine:

    git clone https://github.com/deepanshubajaj/GeekyShop-WebApp.git

🚀 Frontend

    cd GeekyShop-Frontend

    npm install

    npm run dev     # For local development

    vite build   # For production build using Vite or - ' npm run build '

⚙️ Backend

    cd login_server

    npm install

    npm install -g nodemon  # Run once for local dev setup

    nodemon server.js       # For local development

    node server.js          # For production

---

🖼️ Icon and Logo

*This is the App Icon.*

*This is the App Logo.*

---

🖼️ UI Sneak Peek

*Screenshot of About Page.*

*Screenshot of Ethereal Journey Page.*

*Screenshot of Watch Now Page.*

*Screenshot of Memory Game Page.*

*Screenshot of Login Page.*

*Screenshot of Register Page.*

*Screenshot of Home Page.*

*Screenshot of Add Dialog.*

*Screenshot of View Dialog.*

*Screenshot of Edit Dialog.*

*Screenshot of Forgot Password Page.*

*Screenshot of Forgot Password Reset Code Dialog.*

*Screenshot of Reset Password Page.*

*Screenshot of Secret Snake Game (1) Page.*

*Screenshot of Secret Snake Game (2) Page.*

*Screenshot of Server Running in Backend.*

---

📱 Live Demo

• 🌐 Geeky Shop Live

• 📩 You can Contact Me

---

🧠 Tech Stack

Frontend	Backend	Tools/Services
React + Vite	Node.js	TypeScript
Tailwind CSS	Express.js	Vercel (Hosting)
React Router	Nodemon	EmailJS / Contact

---

🚀 Working App Demo

Complete App Working Video

Check out the demo of the working app below:

20250413-1148-36.7471032.mp4

Forgot Password and Reset Password Working Video

20250413-1155-08.7816694.mp4

Ethereal Journey Page Working Video

20250413-1157-17.9781365.1.mp4

Entertaining and Knowledgeable - Watch Now Working Video

20250413-1158-13.7130583.1.1.mp4

Memory Game Page Working Video

20250413-1159-06.8281368.mp4

Secret Snake Game Page Working Video

snakeGame.mp4

---

🤝 Contributing

Thank you for your interest in contributing to this project!
I welcome contributions from the community.

• You are free to use, modify, and redistribute this code under the terms of the MIT License.
• If you'd like to contribute, please open an issue or submit a pull request.
• All contributions will be reviewed and approved by the author — Deepanshu Bajaj.

---

📃 License

This project is licensed under the MIT License.
You are free to use this project for personal, educational, or commercial purposes — just make sure to provide proper attribution.

Clarification: Commercial use includes, but is not limited to, use in products,
services, or activities intended to generate revenue, directly or indirectly.