Skip to content

AlaaAlzahrani/bushra_website

Repository files navigation

A Personal Website

Overview

This project is an attempt to learn front-end web development.

Technologies Used

  • Next.js - React framework for building user interfaces
  • Tailwind CSS - Utility-first CSS framework
  • React - JavaScript library for building user interfaces
  • TypeScript - Typed superset of JavaScript

Project Structure

  • layout.tsx: Root layout component
  • page.tsx: Main page component
  • hero.tsx: Hero section component
  • information-section.tsx: Detailed information sections (Education, Experience, Volunteering, Skills)
  • projects.tsx: Areas of interest section
  • info-card.tsx: Reusable card component for displaying information
  • globals.css: Global styles

Getting Started

  1. Clone the repository
  2. Install dependencies: npm install
  3. Run the development server: npm run dev
  4. Open http://localhost:3000 in your browser

Future Enhancements

  • Add a blog section
  • Implement dark mode
  • Add animations and transitions for a more engaging user experience

License

This project is open source and available under the MIT License.