Skip to content

A modern React.js web application for browsing free & paid books, featuring user authentication, an interactive banner effect, and a secure login system. Users can explore books, access exclusive content after login, and experience a smooth UI with React.js & Tailwind CSS. πŸ”Ή Tech Stack: React.js | Tailwind CSS | LocalStorage Authentication

Notifications You must be signed in to change notification settings

sujit-patel/bookstore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

50 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“š Bookstore

πŸ“Œ Overview

The Bookstore is a modern and interactive web application built using React.js. It allows users to browse free and paid books, interact with an engaging UI, and securely log in to access premium content. The project features an intuitive design with an interactive banner effect that enhances the user experience.


πŸ—οΈ Project Code Structure

code.mp4

🎨 Interactive Banner with Mouse Movement Effect

Mouse.Movement.Effect.mp4

This React component creates a responsive banner where the right-side image moves dynamically based on the user's mouse movement. It showcases advanced state management and event handling in React.js.


πŸ“· Screenshots

🏠 Home Page

Home Page

πŸ“– Free Book Section

Free Books

πŸ” Login Page

Login Page

πŸ“š Courses Page (For Logged-in Users)

Courses Page


πŸ”‘ Authentication System

βœ”οΈ User Registration & Login
βœ”οΈ Only unique users can sign up
βœ”οΈ Courses Page is accessible only for logged-in users
βœ”οΈ User data is securely stored in Local Storage
βœ”οΈ Login & Logout functionality included


βš™οΈ Installation & Setup

1️⃣ Clone the repository:

git clone https://github.com/sujit-patel/bookstore.git

2️⃣ Navigate to the project folder:

cd bookstore

3️⃣ Install dependencies:

npm install

4️⃣ Run the application:

npm start

5️⃣ Enjoy browsing books! πŸŽ‰


🀝 Contributing

Contributions are welcome! Feel free to fork the repo, create a new branch, and submit a pull request.


πŸ”— Connect with Me

πŸ”— GitHub Repository: Bookstore
πŸš€ Let’s make online book browsing even better!


#ReactJS #Bookstore #WebApp #UIUX #InteractiveDesign #Authentication #FreeBooks

About

A modern React.js web application for browsing free & paid books, featuring user authentication, an interactive banner effect, and a secure login system. Users can explore books, access exclusive content after login, and experience a smooth UI with React.js & Tailwind CSS. πŸ”Ή Tech Stack: React.js | Tailwind CSS | LocalStorage Authentication

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published