Making A User friendly Portfolio Website using React Framework
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.
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.
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.
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.
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.
git clone https://github.com/akshatrajsaxena/react-portfolio.git
cd react-portfolio
npm install
npm run dev
Open http://localhost:3000 in your browser to view the 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!
Above is the main my homepage which is currently in development and being updated on regular basis
If you have any questions or would like to get in touch, you can reach me at Akshat Raj Saxena
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 uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh