Welcome to Tech Reads, a technical bookshop clone built with React, and Tailwind CSS! This web application emulates an online bookstore featuring popular technical books. It is developed using React and Vite for the frontend, styled with Tailwind CSS, and deployed on AWS Amplify.
Browse a variety of technical books.
View book details with information such as author, price, and description. Responsive design optimized for both desktop and mobile users.
Frontend: React, Vite, Styling: Tailwind CSS, Hosting: AWS Amplify
Prerequisites
Make sure you have the following installed on your machine:
Node.js (v14.x or above)
git clone https://github.com/mnaser11218/Tech-Reads.git
cd Tech-Reads/
npm install
If you're using yarn: yarn installStart the development server:
npm start
If you're using yarn: yarn startOpen your browser and go to http://localhost:3000.
This app is hosted on AWS Amplify for continuous deployment. Any changes pushed to the main branch will trigger an automatic deployment to the cloud.
For detailed information on how the deployment is set up, refer to the AWS Amplify documentation.
/public # Public static files like index.html
/src # React source code
/components # Reusable React components
/sections # Pages for different sections
/assets # Static assets like icons and images
/constants # Contains static data such as book lists, product arrays, etc.
App.js # Main React component
index.js # Entry point for React app
tailwind.config.js # Tailwind CSS configurationTailwind CSS is configured using the default setup. All styles can be customized in the tailwind.config.js file.
We welcome contributions to this project! If you'd like to help out:
Fork the repository.
Create a new branch for your feature or bugfix.
Make your changes and commit them.
Push your branch and create a pull request.
Please ensure that your code follows the style guidelines and passes any existing tests.
This project is licensed under the MIT License. See the LICENSE file for details.