This is a web project with animation effects developed with ReactJS and deployed with Firebase. The animations were created using HTML and SCSS, with no external packages.
Link - https://animated-website-553a4.web.app
The Animated Web App is a project designed to showcase animation effects on a website. The app uses ReactJS to manage the front-end components and animations, and SCSS for styling.
- Animation effects on website components
- Responsive design for mobile and desktop devices
- Simple user interface for easy navigation
- ReactJS
- SCSS
- Firebase
To run the Animated Web App project locally, you need to install the following tools:
| Serial No | Software | Version | Serial No |
|---|---|---|---|
| 1 | Node.js | >= 6.9.1 | Install Node.js |
| 2 | npm | >= 3.10.8 | Install NPM |
Follow these steps to install the project:
- Clone the repo with
git clone [REPO_URL] - Switch to the project's root directory in terminal
- Install the dependencies by running
npm install - Once the dependencies are installed, start the server by running
npm start - The app will run in development mode at http://localhost:3000/
- The page will reload automatically when you make changes
The following color palette was used in the Animated Web App:
| Color | Hex Code |
|---|---|
| Primary Color | |
| Secondary Color | |
| Tertiary Color |
This project was created by SHER KOSIMI for personal purposes. You are free to use the webpage for both personal and commercial use, but please do not claim it as your own design. A credit to the original author, Shera Kosimi, is appreciated.