https://github.com/alaaalzahrani/bushra_website

A hobby project using Next.js and tailwind
https://github.com/alaaalzahrani/bushra_website

nextjs personal-website tailwind

Last synced: 26 days ago
JSON representation

A hobby project using Next.js and tailwind

• Host: GitHub
• URL: https://github.com/alaaalzahrani/bushra_website
• Owner: AlaaAlzahrani
• License: mit
• Created: 2024-09-07T14:52:49.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T21:02:21.000Z (about 2 months ago)
• Last Synced: 2024-09-30T09:42:31.720Z (about 1 month ago)
• Topics: nextjs, personal-website, tailwind
• Language: TypeScript
• Homepage: https://bushra-alzahrani.vercel.app
• Size: 2.63 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# A Personal Website

## Overview

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

## Technologies Used

- [Next.js](https://nextjs.org/) - React framework for building user interfaces

- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework

- [React](https://reactjs.org/) - JavaScript library for building user interfaces

- [TypeScript](https://www.typescriptlang.org/) - 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](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](LICENSE).