Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryzmdn/tribute-page
A tribute page about a figure I admire. In this repository, I created a tribute webpage for the late Albert Einstein. This page has a clean and visually appealing design.
https://github.com/ryzmdn/tribute-page
dark-mode front-end reactjs single-page-app tailwindcss tribute-page website
Last synced: 2 days ago
JSON representation
A tribute page about a figure I admire. In this repository, I created a tribute webpage for the late Albert Einstein. This page has a clean and visually appealing design.
- Host: GitHub
- URL: https://github.com/ryzmdn/tribute-page
- Owner: ryzmdn
- License: mit
- Created: 2024-11-12T03:21:52.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-12T03:25:05.000Z (about 2 months ago)
- Last Synced: 2024-11-12T04:19:10.243Z (about 2 months ago)
- Topics: dark-mode, front-end, reactjs, single-page-app, tailwindcss, tribute-page, website
- Language: JavaScript
- Homepage: https://tribute-page-self.vercel.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tribute Page
A simple **tribute page** developed using **React** and **Tailwind CSS**. This project aims to pay homage to a specific figure or theme through a responsive, modern, and interactive design. It's suitable for beginners as practice in using the React framework and styling with Tailwind CSS.
## Features
- **Responsiveness**: Using Tailwind CSS to ensure the page looks good on various screen sizes.
- **Modular Components**: Built with separate React components for easy maintenance.
- **Accessibility**: Designed with accessibility in mind to be usable by all users.
- **Customizable**: Easy to change images, text, and tribute themes.
## Preview
## Requirements
Make sure you have installed the following before starting:
- **Node.js**: >= 14.x
- **npm**: Package managers for installing dependencies.
## Instalasi
If you want to use this repository, follow these steps:
```bash
# Clone repository
git clone https://github.com/ryzmdn/tribute-page.git
# Change directory
cd tribute-page
# Install packages
npm install
# Start
npm run dev
```
The project is now running on and accessible through your browser. ```http://localhost:5173```
## Usage
1. Customize the Vite configuration according to your preferences in ```vite.config.js```
2. Adding New Components: Use the directory to add new components if needed. ```src/components```
3. Customizing Styles with Tailwind: Adjust the style of components inside ```src/styles/tailwind.config.js```
## Contribution
Contributions are very open to further development of the project. If you would like to contribute, please do:
1. Fork this repository.
2. Create a new branch for your feature or fix ().```git checkout -b new-features```
3. Commit your changes().```git commit -m 'Add new features'```
4. Branch of Push().```git push origin new-features```
5. Submit a pull request.
## Licence
This project is licensed under the **MIT License** – please see the LICENSE file for more details.