A developer's portfolio

If you're a developer, it's important to have a portfolio that showcases your skills and experience. It may not be enough to simply show off your code—you'll need to share more about what you've done and why it's impressive. This a portfolio website built with React, Prisma and NestJS.

This project's front-end is generated with ❤️ from Dhiwise.

Table of Contents

1. About
2. Features
3. Versions of Technology
4. Setup
5. Folder Structure
6. License
7. Community

About

This project has 2 sub-folders - frontend and backend.

1. Frontend

   All the design has been generated with tailwindcss. Find all the theme related configuration inside tailwind.config.js

   This project was bootstrapped with Create React App.

   This project is integrated with a Tailwind CSS setup, a new utility-first css framework, in an CRA environment. You can read more over on Getting Started with Tailwind.

   Figma: https://www.figma.com/file/7rSTh3w3EF5XVvEbi8BYeA/Portfolio?node-id=4%3A1630

2. Backend

   For the backend, Prisma and NestJs is used.

   Prisma is next-generation Node.js and TypeScript ORM used to Perform database operations. For this project, SQLite database is used to store and retrieve data using Prisma.

   NestJs A progressive Node.js framework for building efficient, reliable and scalable server-side applications. For this project a backend server, accessible through REST APIs to store and retrieve data from the database.

Features

In this portfolio, following sections are covered.

1. Basic Information with resume download
2. Skills
3. Services
4. Price Plans
5. Recommendations
6. Education
7. Work History
8. Portfolio
9. Medium Blogs
10. Contact

Versions of Technology

1. Nodejs version >= 14
2. NestJs version >= 9
3. Prisma version >=4

Setup

Front-end runs on port:3000 and backend runs on port:8081.

1. from the root cd portfolio-frontend && npm i
2. from the root cd portfolio-backend && npm i
3. create .env with variable DATABASE_URL="file:folio.db" file in portfolio-backend folder and run npx prisma generate when you are running the project for the first time.
4. from the root npm start

Note: This project is setup in such a way that you can start the server and client from the root folder using npm start

Folder Structure

├── portfolio
│   ├── portfolio-frontend --- client
│   ├── portfolio-backend  --- server
├── package.json
├── README.md

Detailed folder structure is inside the readme of respective folder.

License

MIT License Copyright (c) 2022 DhiWise

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"),to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Community