Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cyphernyx/dahlia-portfolio-site
Explore my professional portfolio featuring a diverse range of web development projects. From various technologies to different concepts, this collection highlights my continuous progress and dedication to my coding journey.
https://github.com/cyphernyx/dahlia-portfolio-site
javascript portfolio-website reactjs webdevelopment
Last synced: about 4 hours ago
JSON representation
Explore my professional portfolio featuring a diverse range of web development projects. From various technologies to different concepts, this collection highlights my continuous progress and dedication to my coding journey.
- Host: GitHub
- URL: https://github.com/cyphernyx/dahlia-portfolio-site
- Owner: CypherNyx
- License: mit
- Created: 2023-09-25T18:33:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-13T00:56:25.000Z (8 months ago)
- Last Synced: 2024-03-13T02:47:58.178Z (8 months ago)
- Topics: javascript, portfolio-website, reactjs, webdevelopment
- Language: JavaScript
- Homepage:
- Size: 15.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dahlia Guido - React Portfolio
> Deployed with GitHub Pages 🔗 https://cyphernyx.github.io/dahlia-portfolio-site/
### Description 📖
Explore my professional portfolio featuring a diverse range of web development projects. From various technologies to different concepts, this collection highlights my continuous progress and dedication to my coding journey.
[](https://opensource.org/licenses/MIT)
## Table of Contents
* [Usage](#usage)
* [Features](#features-✨)
* [Installation](#installation-💾)
* [Technologies](#technologies-🛠️)
* [Dependencies](#dependencies)
* [Contributing](#contributing)
* [License](#license)
* [Questions](#questions)
## Usage
This React application has been deployed using GitHub Pages. The portfolio can be viewed online:
### [>> Click here to view My Portfolio ➡️](https://cyphernyx.github.io/dahlia-portfolio-site/)
The code can be cloned or downloaded from `https://github.com/CypherNyx/dahlia-portfolio-site.git`
## Features ✨
- Recent projects section - highlights my latest and greatest work
- About me section - provides background info and introduces me
- Resume download - visitors can download a PDF copy of my resume
- Contact form - allows visitors to get in touch directly from the site
- Responsive design - site adapts to mobile, tablet, and desktop layouts
- Easy navigation - intuitive menu and layout for smooth browsing
- Social media links - connects visitors with my other online profiles
## Installation 💾
1. Clone this GitHub repository to your local machine.
```sh
git clone https://github.com/CypherNyx/dahlia-portfolio-site.git
```
2. Open a terminal or command prompt and navigate to the cloned repository's directory.
3. Run the install command in your terminal
```
npm install
```
4. After installing all necessary dependencies, Start your server by running this command on your terminal:
```
npm start
```
5. The server will start on port 3001.
## Technologies 🛠️:
## Dependencies
Here is a full list of the dependencies for this application
- react - Front-end JavaScript library
- react-dom - React package for DOM rendering
- @mui/material - Material UI React component library
- @emotion/styled - Styled components
- react-scripts - Create React App build scripts
- @react-pdf/renderer - PDF generation in React
- react-scroll - Scroll animations for React
- @testing-library/react - React component testing utilities
- @emailjs/browser - EmailJS API integration
- @mui/icons-material - Material UI icon library
- @emotion/react - Styled components for CSS-in-JS
- @testing-library/jest-dom - Custom Jest matchers
- web-vitals - Core web vitals metrics
### Attributions and Resources
The list below contains links to resources that were helpful or used in this project.
- Gradient Maker tool: [Coolors](https://coolors.co/gradient-maker/6576e7-a55cd1-9163e6?position=0,47,100&opacity=100,100,100&type=linear&rotation=90)
- Background Landscape by [pikisuperstar @ FreePik](https://www.freepik.com/free-vector/landing-page-with-purple-gradient-landscape_5267485.htm#query=landscape&position=33&from_view=search&track=sph)
- LottieFile computer animation by [Nadeem Javed](https://lottiefiles.com/animations/web-development-design-4NbPwKIFLV)
- Followed [youtube tutorial by Andrei Ion](https://www.youtube.com/watch?v=g-GRcc6erPE&t=2082s) for base layout
## Contributing
Pull requests are welcome. Please open an issue first to discuss any proposed changes or additions.
## License
[](https://opensource.org/licenses/MIT)
https://opensource.org/licenses/MIT
This project is open source and available under the MIT License.
## Questions
GitHub [CypherNyx](https://github.com/CypherNyx)
Email: [email protected]