https://github.com/fernando9200/buzzvel-website
This project is a responsive and animated microsite built with React.js and CSS, designed to demonstrate my front-end development skills.
https://github.com/fernando9200/buzzvel-website
css cypress javascript react-helmet tsparticles vite
Last synced: 3 months ago
JSON representation
This project is a responsive and animated microsite built with React.js and CSS, designed to demonstrate my front-end development skills.
- Host: GitHub
- URL: https://github.com/fernando9200/buzzvel-website
- Owner: Fernando9200
- Created: 2024-08-23T01:02:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-02T14:43:58.000Z (about 1 year ago)
- Last Synced: 2025-03-12T03:42:55.644Z (7 months ago)
- Topics: css, cypress, javascript, react-helmet, tsparticles, vite
- Language: JavaScript
- Homepage: https://fernando-carretto-buzzvel.vercel.app/
- Size: 6.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Overview
This project is a responsive and animated microsite built with React.js and CSS, designed to demonstrate my front-end development skills. The site is designed to be fully responsive and includes various animations to enhance the user experience. The microsite showcases my experience, motivations, and projected career timeline. It also includes E2E tests to ensure the application's responsiveness and functionality across both desktop and mobile devices.
## Features
- **Responsive Design:** Fully responsive layout for all screen sizes, including mobile devices.
- **Interactive Animations:** Includes particle animations, typewriter effects, and other interactive elements.
- **SEO Optimized:** Metadata and Open Graph tags included for better search engine indexing and social media sharing.
- **Modern Design:** Clean and modern design with a focus on user experience.
- **End-to-End Testing:** Cypress tests included to ensure the application works as expected on both desktop and mobile devices.
## Technologies Used
- **React:** For building the user interface.
- **Vite:** For development and build tooling.
- **tsparticles:** For particle animations on the landing page.
- **react-slick & slick-carousel:** For the portfolio slider.
- **react-helmet:** For managing the document head.
- **CSS3:** For styling and animations.
- **Cypress:** For end-to-end testing.
## Screenshots
## Video Demonstration
https://github.com/user-attachments/assets/ed5ce24f-afe9-455e-8cc4-9e481c33e28a
## Installation and Setup
To run this project locally, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/Fernando9200/buzzvel-website.git
cd buzzvel-website
```
3. **Install dependencies:**
```bash
npm install
```
5. **Run the development server:**
```bash
npm run dev
```
7. **To run the Application with Docker:**
```bash
docker-compose up --build
```
The application will be available at `http://localhost:5173`.
## To run the Cypress tests locally:
1. **Install Cypress:**
```bash
npm install cypress --save-dev
```
2. **Run the Cypress tests:**
```bash
npx cypress run
```
## Contact
If you have any questions, need assistance, or want to discuss anything related to this project, feel free to reach out to me at `fernando91.sosa@hotmail.com`.