Watson - Frontend Web Portfolio

Welcome to Watson, a modern and stylish frontend web portfolio developed using React.js, SCSS, and Framer Motion. This project showcases my skills and projects in an engaging and visually appealing manner.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Installation
• Usage
• Deployment
• 🌐 Live Demo
• 🎉 Acknowledgements

Features

• Responsive Design: Looks great on all devices.
• Smooth Animations: Enhances user experience with Framer Motion.
• Modern UI: Clean and intuitive design for better interaction.
• Interactive Components: Engaging elements to showcase projects.

Technologies Used

• React.js: For building dynamic user interfaces.
• SCSS: For organized and maintainable styling.
• Framer Motion: To add smooth and attractive animations.
• HTML5: For the foundational structure of the web pages.

Getting Started

To set up a local copy of Watson, follow these steps:

Prerequisites

Ensure you have the following installed:

• Node.js (version 14 or later)
• npm (Node Package Manager)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/watson-portfolio.git

2. Navigate to the project directory:

   cd watson-portfolio

3. Install the dependencies:

   npm install

Usage

To start the development server, run:

npm start

This will open the application in your default browser at http://localhost:3000.

Deployment

To build the project for production, run:

npm run build

This will create a build folder containing the optimized version of your application, ready for deployment on any static hosting service.

🌐 Live Demo

Experience the live demo here.

🎉 Acknowledgements

A special thanks to Adrian Hajdin and his YouTube channel, JavaScript Mastery, for their outstanding tutorials that inspired this project. Be sure to check out their channel for invaluable insights into JavaScript and web development!