This project demonstrates my skills with React, Three.js, framer-motion, ESLint, Tailwind, Vite and other tech goodies. Inside, you'll find who I am, my educational journey, my projects, experience, and a way to say hi.
- 📖 Table of Contents
- 📍 Overview
- 📦 Features
- 📂 repository Structure
- ⚙️ Modules
- 🚀 Getting Started
- 🛣 Roadmap
- 🤝 Contributing
- 📄 License
- 👏 Acknowledgments
►
►
└── my-portfolio/
├── .env
├── .eslintrc.cjs
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── public/
│ ├── dead_earth/
│ │ ├── license.txt
│ │ ├── scene.bin
│ │ ├── scene.gltf
│ │ └── textures/
│ ├── desktop_pc/
│ │ ├── license.txt
│ │ ├── scene.bin
│ │ ├── scene.gltf
│ │ └── textures/
│ ├── gaming_desktop/
│ │ ├── license.txt
│ │ ├── scene.bin
│ │ ├── scene.gltf
│ │ └── textures/
│ └── planet/
│ ├── license.txt
│ ├── scene.bin
│ ├── scene.gltf
│ └── textures/
├── src/
│ ├── App.jsx
│ ├── components/
│ │ ├── About.jsx
│ │ ├── canvas/
│ │ ├── Contact.jsx
│ │ ├── elements/
│ │ ├── Footer.jsx
│ │ ├── Hero.jsx
│ │ ├── index.js
│ │ ├── Loader.jsx
│ │ ├── Navbar.jsx
│ │ ├── Skills.jsx
│ │ ├── SocialLinks.jsx
│ │ └── Works.jsx
│ ├── constants/
│ │ └── index.js
│ ├── hoc/
│ │ ├── index.js
│ │ └── SectionWrapper.jsx
│ ├── index.css
│ ├── main.jsx
│ ├── styles.js
│ └── utils/
│ └── motion.js
├── tailwind.config.cjs
├── vite.config.js
└── vite.config.js.timestamp-1699733487474-19c37bddd1da8.mjs
Root
File | Summary |
---|---|
.env | ► |
.eslintrc.cjs | ► |
index.html | ► |
package-lock.json | ► |
package.json | ► |
postcss.config.js | ► |
tailwind.config.cjs | ► |
vite.config.js | ► |
vite.config.js.timestamp-1699733487474-19c37bddd1da8.mjs | ► |
license.txt | ► |
scene.gltf | ► |
license.txt | ► |
scene.gltf | ► |
license.txt | ► |
scene.gltf | ► |
license.txt | ► |
scene.gltf | ► |
App.jsx | ► |
index.css | ► |
main.jsx | ► |
styles.js | ► |
About.jsx | ► |
Contact.jsx | ► |
Footer.jsx | ► |
Hero.jsx | ► |
index.js | ► |
Loader.jsx | ► |
Navbar.jsx | ► |
Skills.jsx | ► |
SocialLinks.jsx | ► |
Works.jsx | ► |
Computers.jsx | ► |
Earth.jsx | ► |
index.js | ► |
Stars.jsx | ► |
HeroText.jsx | ► |
ImageSlider.jsx | ► |
MarqueeCards.jsx | ► |
SectionTitle.jsx | ► |
SkillsCards.jsx | ► |
index.js | ► |
index.js | ► |
SectionWrapper.jsx | ► |
motion.js | ► |
Dependencies
Please ensure you have the following dependencies installed on your system:
- ℹ️ Dependency 1
- ℹ️ Dependency 2
- ℹ️ ...
- Clone the my-portfolio repository:
git clone https://github.com/TSOlami/my-portfolio
- Change to the project directory:
cd my-portfolio
- Install the dependencies:
npm install
node app.js
npm test
ℹ️ Task 1: Implement X
ℹ️ Task 2: Implement Y
ℹ️ ...
Contributions are welcome! Here are several ways you can contribute:
- Submit Pull Requests: Review open PRs, and submit your own PRs.
- Join the Discussions: Share your insights, provide feedback, or ask questions.
- Report Issues: Submit bugs found or log feature requests for TSOLAMI.
Click to expand
- Fork the Repository: Start by forking the project repository to your GitHub account.
- Clone Locally: Clone the forked repository to your local machine using a Git client.
git clone <your-forked-repo-url>
- Create a New Branch: Always work on a new branch, giving it a descriptive name.
git checkout -b new-feature-x
- Make Your Changes: Develop and test your changes locally.
- Commit Your Changes: Commit with a clear and concise message describing your updates.
git commit -m 'Implemented new feature x.'
- Push to GitHub: Push the changes to your forked repository.
git push origin new-feature-x
- Submit a Pull Request: Create a PR against the original project repository. Clearly describe the changes and their motivations.
Once your PR is reviewed and approved, it will be merged into the main branch.
This project is protected under the SELECT-A-LICENSE License. For more details, refer to the LICENSE file.
- List any resources, contributors, inspiration, etc. here.