"Lubomila's React Portfolio" is an initial scaffolding of my portfolio website, built from scratch using React. The app aims to show potential employers my skills and projects.
- Link to deployed website: https://milla56.github.io/Lubomila-s-React-Portfolio/
- Clone the GitHub repository to your computer.
- Navigate to your terminal and use the following command "npm install create-react-app".
- Navigate to your terminal and use the following command "npm start".
- As a user, I want to be able to easily navigate through the portfolio website and find the information I am looking for.
- As a user, I want the portfolio website to have an appealing and visually engaging design that represents my personal brand.
- As a user, I want to have a dedicated section to showcase my skills, including technical expertise, programming languages and tools.
- As a user, I want to showcase my projects with clear descriptions, images, and links to live websites or demos where applicable.
- As a user, I want to provide a contact form or contact information so that potential clients or employers can easily reach out to me.
- As a user, I want the portfolio website to be responsive and optimized for different devices and screen sizes.
- As a user, I want the portfolio website to load quickly to ensure a seamless browsing experience for visitors.
The list shows what steps were made to complete the challenge:
- The portfolio contains these components - App, Navigation bar, Home page, About me page, Projects page and Contact page.
- I used mobile-first design.
- The app has links to my LinkedIn Profile, GitHub Profile, email address, CV and 6 projects(links to deployed website and GitHub repo).
- The App has all components and render all necessary child components.
- When the app is open the "Home" page is displayed by default.
- The Home page is has welcoming message to my website, my name, my role (animated design) and social media icons leading to my social media accounts.
- The Header is rendering across every page component of the site and contains a Navbar.
- The Navbar is using "burger menu" when the page size is shrinked.
- The Project page has six projects , which contain - project title, link to deployed website, GitHub repo and an image. When the user clicks on the project , it is leading them to different page with more information about the skills that I used and where the user can find the full code for the project.
- "About Me" page has my personal picture, my brand statement, download icon button (leading to my CV) and "Skills" section including the technical skills that I have gained during this course.
- "Contact Me" page has a form , when a user types their names,emails and messages, the button will display a message: "Form Submitted". Currently,the form is not yet functional.
- The app has a Footer as well, where the user can find icons leading to my GitHub account, LinkedIn account and my email address.
- User interface style is clean and polished.
- User experience is intuitive and easy to navigate.
- Application uses a color scheme other than the default Bootstrap color palette.
;
;
- JavaScript
- React Js
- React Router
- Material Icons - Material UI - MUI
- Bootstrap
- Font Awesome
milla56/Lubomila-s-React-Portfolio is licensed under the MIT License A short and simple permissive license with conditions only requiring preservation of copyright and license notices. Licensed works, modifications, and larger works may be distributed under different terms and without source code.