https://github.com/faycodee/faycode-portfolio
Explore my Faycode portfolio to discover projects that showcase my expertise in front-end and back-end development, design, and problem-solving. See how I transform ideas into impactful solutions through technology. Let’s connect and create something amazing together!
https://github.com/faycodee/faycode-portfolio
gsap gsap-scrolltrigger react redux tailwindcss
Last synced: 12 days ago
JSON representation
Explore my Faycode portfolio to discover projects that showcase my expertise in front-end and back-end development, design, and problem-solving. See how I transform ideas into impactful solutions through technology. Let’s connect and create something amazing together!
- Host: GitHub
- URL: https://github.com/faycodee/faycode-portfolio
- Owner: faycodee
- License: mpl-2.0
- Created: 2024-11-19T21:55:38.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-17T16:56:10.000Z (10 months ago)
- Last Synced: 2025-03-17T17:47:09.429Z (10 months ago)
- Topics: gsap, gsap-scrolltrigger, react, redux, tailwindcss
- Language: JavaScript
- Homepage: https://faycode.netlify.app/
- Size: 145 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Template
[vid](https://github.com/user-attachments/assets/1fe2119c-5765-4c7a-933c-a00dc684628d)
Explore my Faycode portfolio to discover projects that showcase my expertise in front-end and back-end development, design, and problem-solving. See how I transform ideas into impactful solutions through technology. Let’s connect and create something amazing together!
## License and Attribution
#Mozilla Public License Version 2.0
## Built With
- React.js
- Framer Motion
- TailwindCSS
- GSAP
- Redux
- Three fiber
## Live Demo
- Click [here](https://faycode.netlify.app/) to view the live demo.
## Video sources used
- Click [here](https://pixabay.com/videos/globe-earth-map-planet-sphere-5925/) to go to the first video source used on the home page(black earth map).
- Click [here](https://pixabay.com/videos/black-black-friday-background-loop-13495/) to go to the second video source used on the Tech page(black spider web).
- Click [here](https://sketchfab.com/3d-models/spider-man-symbiote-spider-man-2-ps5-blend-04297927f69840aa9bded9ba39a45cea/) to go to the 3d model Spider-Man used on the service page(black spider man ).
## Getting Started
To get started with this project, follow these simple steps:
### Prerequisites
Make sure you have node `16.0.0` or higher and npm `9.0.0` or higher installed.
### Setup
- With git, clone the code to your machine, or download a ZIP of all the files directly.
## Install
- After opening the files in Visual Studio Code, open the **VS Code** integrated terminal and run the following commands:
```
npm install
```
This will install all the packages and dependencies used in the project.
## Usage
- Run the following command to start a local server:
```
npm run dev
```
This will open up the project on a browser on `http://localhost:5173/`
## Authors
👤 **Faycodee**
- GitHub: [@faycodee](https://github.com/faycodee)
- LinkedIn: [Faycal oumzil](https://www.linkedin.com/in/faycal-oumzil-b97888250/)
## Feedback and Contributions
If you have any feedback, suggestions, or would like to contribute to this project, your involvement is highly valued. Feel free to open an [issue](../../issues/) or submit a pull request with your ideas and enhancements.
Happy coding and showcasing !
## Show your support
Give a ⭐️ if you like this project !