A personal portfolio website, built with HTML, CSS, Tailwind, JavaScript and React.
This personal project is currently in development. Visitor can see and read the information about me on the website. More functional and interactive features will be added gradually until I graduated from high school and go to college.
To see the project, follow these steps:
-
Clone the Repository
Clone the repository to your local machine and navigate into the project directory:
git clone https://github.com/raulmaulidhino-dev/portfolio-reactjs.git cd portfolio-reactjs -
Install Dependencies
Ensure you have Node.js installed. Then, install the project dependencies by running:
npm install -
Run the Development Server
Start the development server to see your project in action:
npm run devOpen your browser and go to
http://localhost:3000to view the application.
- Alternatively, you also could see the portfolio website here : raulmaulidhino.pages.dev
This was a 1-week personal portfolio website project during the Multimedia Workshop "Develop Your Own Portfolio Website" by MAGE X ITS and JagoTeknik. The goals of creating my own portfolio website are to enhance personal brand, learn new frameworks and/or libraries for web development, and improve my skills in web development, especially front-end development.
One of the main challenges that I struggled with was the Styling with Tailwind and Layouting with React + Vite. It was the first time I used Tailwind, React and Vite in my website project. Thus, I try as I can to learn by doing.
Originally, the technologies I used in this portfolio project should be HTML, CSS, Tailwind, JavaScript, React and react-router-4.0. Due to project time constraints, I had to prioritize the layout and responsivity of the web, and didn't have time to add react-router-4.0 in this project. I plan to implement that tool in the future.