A web-based project showcasing different projects with a card-based UI.
-
Responsive design
-
Project cards with images, titles, and descriptions
-
Navigation bar for easy access
-
Centered content layout
-
Styled with Tailwind CSS and custom styles
-
cd project-repo
-
npm install
-
npm start
/src
├── assets/images # Project images
├── components # Reusable components (Navbar, ProjectCard, etc.)
├── pages # Page components (HomePage, ProjectsPage, etc.)
├── styles # Global and component-specific styles
├── App.js # Main application file
├── index.js # Entry point of the app \
-
The homepage displays a list of projects.
-
Clicking on a project card reveals more details.
-
The navigation bar allows switching between different sections.
To deploy the project, use:
npm run build
npm run deploy
Then, upload the build/ directory to a hosting service like Vercel, Netlify, or GitHub Pages.
-
Fork the repository
-
Create a new branch (git checkout -b feature-branch)
-
Commit your changes (git commit -m 'Add new feature')
-
Push to the branch (git push origin feature-branch)
-
Open a Pull Request
This project is licensed under the MIT License.