Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akshatrajsaxena/developerfolio
Welcome to my portfolio website! The front end is built using HTML, CSS, and JS, and I have mainly used React Framework. You will find detailed information about the technologies used, file structure, responsiveness, and how to access the website.
https://github.com/akshatrajsaxena/developerfolio
css html javascript portfolio portfolio-website react reactjs
Last synced: about 2 months ago
JSON representation
Welcome to my portfolio website! The front end is built using HTML, CSS, and JS, and I have mainly used React Framework. You will find detailed information about the technologies used, file structure, responsiveness, and how to access the website.
- Host: GitHub
- URL: https://github.com/akshatrajsaxena/developerfolio
- Owner: akshatrajsaxena
- License: mit
- Created: 2024-07-09T15:10:13.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-01T05:55:40.000Z (5 months ago)
- Last Synced: 2024-08-01T07:36:36.453Z (5 months ago)
- Topics: css, html, javascript, portfolio, portfolio-website, react, reactjs
- Language: JavaScript
- Homepage: https://akshatrajsaxena.netlify.app/
- Size: 1.87 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
My Portfolio Website
Making A User friendly Portfolio Website using React Framework
# Portfolio Website
**Welcome to my Portfolio code! the build of the code is done mainly in Javascript using react Framework.** This project showcases my skills, experiences, achievements and projects. Below you will find detailed information about the technologies used, file structure, responsiveness, and how to access my website.
## Why I Use React Framework
I chose React for this project due to its component-based architecture, which allows for reusable and maintainable code. React's virtual DOM ensures efficient updates and rendering, leading to a smoother user experience. Additionally, React's rich ecosystem and community support make it an excellent choice for building modern web applications.
## Is the Website Responsive?
No, the website is not responsive. You may have different views depending on your device. This website was made by me to understand react JS framework, and I was intensely aware of its functionality.
## Project Structure
The project is organized into several components and directories for better maintainability:
src/components: Contains all React components, such as Header, Footer, Experience, and Projects.
src/assets: Stores images, icons, and other static assets.
src/styles: Includes CSS modules for styling components.
src/data: Contains JSON files with data for skills and history (now embedded directly in components).
src/utils: Utility functions, like getImageUrl.
public: Public assets and the main HTML file.
Main Components
```
App.js: The root component that includes the main layout and routing.
Header.js: Displays the navigation bar and logo.
Footer.js: Contains the footer content.
Experience.js: Showcases my skills and professional history.
Projects.js: Lists my personal and professional projects.
```
# Wanna Visit my Website
[My PortFolio](https://akshatrajsaxena.netlify.app/)
## How to Access the Website
Currently i haven't hosted my website anywhere as it is in development. But in future i will surely host it and will update the things on this repo.
### Clone the Repository
```
git clone https://github.com/akshatrajsaxena/react-portfolio.git
cd react-portfolio
```
### Install Dependencies
```
npm install
```
### Run the Development Server
```
npm run dev
```
Open http://localhost:3000 in your browser to view the website.
## What is the Purpose of This Website?
The purpose of this website is to showcase my professional skills, work experience, and projects. It serves as an online portfolio for potential employers and collaborators to learn more about me and my work.
How is the Website Styled?
The website uses CSS modules for styling, ensuring scoped and maintainable CSS. Additionally, it utilizes CSS Flexbox and Grid for layout management, ensuring a responsive design.
How to Contribute?
If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Contributions are welcome!
## Screenshot
Above is the main my homepage which is currently in development and being updated on regular basis
## LICENSE
[MIT License](https://github.com/akshatrajsaxena/developerfolio/blob/main/LICENSE)
## Contact
If you have any questions or would like to get in touch, you can reach me at [Akshat Raj Saxena](mailto:[email protected])
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh