Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarwar-asik/sarwar-hossain-fullstack
Sarwar Portfolio Full Stack
https://github.com/sarwar-asik/sarwar-hossain-fullstack
antd css nextjs tailwindcss
Last synced: 1 day ago
JSON representation
Sarwar Portfolio Full Stack
- Host: GitHub
- URL: https://github.com/sarwar-asik/sarwar-hossain-fullstack
- Owner: sarwar-asik
- Created: 2023-03-13T05:21:05.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-29T09:47:57.000Z (9 months ago)
- Last Synced: 2024-03-29T10:43:15.666Z (9 months ago)
- Topics: antd, css, nextjs, tailwindcss
- Language: TypeScript
- Homepage: https://sarwar.vercel.app/
- Size: 12.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full-Stack Portfolio Overview
## Project Description:
The Full-Stack Portfolio is a showcase of my skills and projects, developed using a combination of modern technologies for both the frontend and backend. It provides visitors with information about my projects, services, skills, and testimonials, along with ways to contact me.## Technologies Used:
- **Frontend:**
- Next.js: React framework for server-side rendering.
- React Router: For routing within the application.
- TypeScript: For static typing and enhanced developer experience.
- CSS & Tailwind CSS: For styling and design.
- **Backend:**
- Node.js: JavaScript runtime for backend development.
- Express.js: Web application framework for Node.js.
- MongoDB: NoSQL database for storing application data.
- Mongoose: MongoDB object modeling tool for Node.js.## Pages:
1. **Home:**
- Welcome message and introduction.
- Brief overview of the portfolio and its purpose.
2. **Projects:**
- Showcase of my projects with descriptions, images, and links.
3. **Services:**
- Description of the services I offer, such as web development, consulting, etc.
4. **Blogs:**
- Listing of my blog posts, if applicable, with titles, summaries, and links.
5. **GitHub Status:**
- Displaying my GitHub repository statuses, such as recent commits, activity, etc.
6. **Skills:**
- Presentation of my skills and technologies I work with.
7. **Testimonials:**
- Collection of testimonials from clients or colleagues.
8. **Contact:**
- Contact form for visitors to reach out to me.
- Information about other ways to contact me, such as email, phone, etc.## Key Features:
- **Responsive Design:** Ensuring the portfolio looks great and functions well on various devices and screen sizes.
- **Unique Design and Patterns:** Implementing custom design elements and patterns to make the portfolio stand out.
- **Dynamic Content:** Utilizing server-side rendering and dynamic data fetching to provide up-to-date information.
- **Interactive Elements:** Incorporating interactive elements such as animations, transitions, and hover effects to enhance user experience.
- **SEO Optimization:** Optimizing the portfolio for search engines to improve visibility and discoverability.
- **Form Handling:** Implementing form handling on the contact page to enable visitors to send messages directly.
- **Integration with External APIs:** Integrating with external APIs such as GitHub API to display dynamic content.