The project is a personal website that showcases my programming projects, skills, and interests. The purpose of the website is to create an online presence that can serve as a platform to showcase my work and share my passion for programming. Through this website, I hope to connect with other developers, potential clients, and employers, and to establish myself as a competent and knowledgeable programmer. The website features a clean and modern design, and is divided into four main sections: Home, About/ Education, Projects, and Contact. Each section provides different information about me and my work, and allows visitors to learn more about my background and experience, view my projects, and get in touch with me.
- HTML: Used to structure the content and layout of the webpage, including defining the headings, paragraphs, links, images, and other elements.
- CSS: Used to style the HTML content and layout, including setting the font size and color, margins, padding, borders, and background colors and images.
- JavaScript: Used to add interactivity and functionality to the webpage, including creating the accordion effect for the course cards and fetching and rendering the dynamic content from the JSON file for the project cards.
- JSON: Used to store the data for the project cards in a structured format that can be easily fetched and rendered by JavaScript.
- Open Visual Studio Code and go to the File menu.
- Select Open Folder and navigate to the folder where the website files are stored.
- Once the folder is open in Visual Studio Code, right-click on the index.html file and select Open with Live Server.
- The website should open in your default browser. If you don't have Live Server installed, you can install it through the Extensions menu in Visual Studio Code.
- When you first load the website, you'll see a landing page with my name and a navigation bar at the top. You can click on any of the navigation items to go to the corresponding section of the website.
- The "About Me" section provides more information about me, including my interest and education. You can also find my resume and download a PDF version of it.
- The "Courses" section lists some of the courses I have taken in college and the skills I gained from them.
- The "Projects" section displays a selection of my coding projects, along with a brief description, live demo link, and source code link. You can click on any of the project cards to see more details and view the live demo or source code.
- The "Contact" section provides a form where you can send me a message or feedback. Simply fill out the form and click the "Submit" button to send the message.
- Navigation menu with links to different sections of the website.
- A landing page with 3 squares with pictures showing recent projects, breif about me, and skills.
- An "About Me" section with a picture, bio, and education.
- A "Projects" section with a card layout of different projects, with links to live demos and source code.
- A "Contact" section with a form to send an email message to the me.
The project is a personal portfolio website designed to showcase my skills, projects, and experience as a web developer. The website is built using HTML, CSS, and JavaScript and features four main sections: Home, About, Projects, and Contact. The purpose of the website is to provide a platform for potential employers and clients to view my work and get in touch with me for future projects. The website also serves as a personal branding tool, showcasing my style and personality through design and content.