diff --git a/src/Components/NavBar.jsx b/src/Components/NavBar.jsx index 464f3fe..be8bd79 100644 --- a/src/Components/NavBar.jsx +++ b/src/Components/NavBar.jsx @@ -2,7 +2,7 @@ import React, { Component } from 'react'; import { SiLinkedin } from "react-icons/si"; import { FaGithub } from "react-icons/fa6"; -import { PiGithubLogoThin } from "react-icons/pi"; +import logo from '../../public/img/logo.png'; @@ -11,7 +11,7 @@ export default function NavBar() { return (
- {/* This icon will be on the left */} + logo
diff --git a/src/Components/Routes/Projects.jsx b/src/Components/Routes/Projects.jsx index 7e4cb63..2a7b162 100644 --- a/src/Components/Routes/Projects.jsx +++ b/src/Components/Routes/Projects.jsx @@ -3,89 +3,120 @@ import { IoArrowRedoOutline } from "react-icons/io5"; export default function Projects() { return ( -
-
+
+

Custom Memory Allocator, C

-

+

A custom memory allocator implementation in C programming language. It includes functions for memory allocation (jalloc), block initialization (jcalloc), deallocation (jfree), and reallocation (jrealloc)

+ + +
-
+

- + Linear Algebra Library, C (In Progress)

-

+

A huge library for college level linear algebra operations. It includes functions for vector and matrix operations. It also includes functions that are not implemented yet for solving systems of linear equations, finding eigenvalues and eigenvectors, and orthogonality. It follows facade design pattern to make the library easy to use, customize and extend.

+ + +
-
+

C++ Web Server

-

+

An open source C++ modular webserver that supports HTTP/1.1. It is designed to be fast, reliable, and customizable. Allows for the creation of custom modules to handle requests to create customizable websites.

-
+

- - ArtGram, Social Media Website + + Job Application Tracker (Jetzt)

-

- A social media website that allows users to share their favorite art pieces. It is built with Pug, CSS and JavaScript for the frontend and Node.js, Express.js, and MongoDB for the backend. - It includes features such as sessions, authentication, authorization, and CRUD operations. +

+ A web application that allows users to track their job applications. It is built with React.js and uses Firebase as the backend. Users can easily add, edit, and remove job applications. + It leverages the power of Firebase to authenticate and provide real-time updates to the user. Features include editing application status, adding notes, and adding interview dates and adding + a job to a watchlist section to easily keep track of a carrier that the user is interested in.

+ + +
-
+

- - Jakes Resume Maker + + ArtGram, Social Media Website

-

- A web application that allows users to create a resume. It is built with React.js and uses JsPdf library to generate a pdf file of the resume. users can easily edit, add and remove sections of the resume. +

+ A social media website that allows users to share their favorite art pieces. It is built with Pug, CSS and JavaScript for the frontend and Node.js, Express.js, and MongoDB for the backend. + It includes features such as sessions, authentication, authorization, and CRUD operations.

+ + +
-
+

- - My Job Application Tracker + + Jakes Resume Maker

-

- A web application that allows users to track their job applications. It is built with React.js and uses Firebase as the backend. Users can easily add, edit, and remove job applications. - It leverages the power of Firebase to authenticate and provide real-time updates to the user. Features include editing application status, adding notes, and adding interview dates and adding - a job to a watchlist section to easily keep track of a carrier that the user is interested in. +

+ A web application that allows users to create a resume. It is built with React.js and uses JsPdf library to generate a pdf file of the resume. users can easily edit, add and remove sections of the resume.

+ + + +
-
+

- - Weather App + + Weather App

-

+

A simple web application that allows users to check the weather in any city. It is built with React.js and uses OpenWeatherMap API to fetch the weather data. Users can easily check the weather in any city in the world.

+ + +
diff --git a/src/Components/SideBar.jsx b/src/Components/SideBar.jsx index 1114169..69ab1be 100644 --- a/src/Components/SideBar.jsx +++ b/src/Components/SideBar.jsx @@ -3,14 +3,13 @@ import { Link, useLocation } from 'react-router-dom'; const SideBar = () => { const location = useLocation(); - console.log(location.pathname); return ( -
- HOME - PROJECTS - TESTIMONIES - ABOUT +
+ HOME + PROJECTS + TESTIMONIES + ABOUT
); }