An open API service indexing awesome lists of open source software.

https://github.com/colddsam/serversideclient

Welcome to your dedicated portfolio management hub! Our website, crafted with HTML, SCSS, and JavaScript, is your go-to platform for effortlessly modifying and updating your portfolio content.
https://github.com/colddsam/serversideclient

api-client backed css html javascript management management-system scss serverside-rendering

Last synced: 2 months ago
JSON representation

Welcome to your dedicated portfolio management hub! Our website, crafted with HTML, SCSS, and JavaScript, is your go-to platform for effortlessly modifying and updating your portfolio content.

Awesome Lists containing this project

README

          

# Server Side Website

Welcome to your dedicated portfolio management hub! Our website, crafted with HTML, SCSS, and JavaScript, is your go-to platform for effortlessly modifying and updating your portfolio content. Designed with simplicity and efficiency in mind, this server-side solution powered by FastAPI in Python ensures a seamless experience as you curate and showcase your professional journey.

## Features

- Effortless Portfolio Customization
- Real-Time Updates
- Interactive Content Management
- FastAPI-Powered Backend
- Version Control and Security
- Mobile-Responsive Design
- Streamlined Portfolio Management

## Tech Stack

**UI:** Html, Javascript, SCSS

**Server:** Javascript, Python

## Color Reference

The color I have used for making the website

| Color | Hex |
| ----------------- | ------------------------------------------------------------------ |
| Home Page Background | ![#C5FFF8](https://via.placeholder.com/10/C5FFF8?text=+) #C5FFF8 |
| Home Page Button | ![#5FBDFF](https://via.placeholder.com/10/5FBDFF?text=+) #5FBDFF |
| Screens Background | ![#7ED7C1](https://via.placeholder.com/10/7ED7C1?text=+) #7ED7C1 |
| Header | ![#DC8686](https://via.placeholder.com/10/DC8686?text=+) #DC8686 |
| Button-1 | ![#F0DBAF](https://via.placeholder.com/10/F0DBAF?text=+) #F0DBAF |
| Container | ![#EEF296](https://via.placeholder.com/10/EEF296?text=+) #EEF296 |
| Card | ![#9ADE7B](https://via.placeholder.com/10/9ADE7B?text=+) #9ADE7B |
| Pop Up | ![#FDF7E4](https://via.placeholder.com/10/FDF7E4?text=+) #FDF7E4 |

## Running Tests

To run tests, use the localhost of your machine, I used live server for it

```bash
http://127.0.0.1:5500/
```

## Deployment

To deploy this first made the necessary changes on the template, then run the following

Install Vercel CLI:
```bash
npm install -g vercel
```
Navigate to your project directory:
```bash
cd /path/to/your/project
```
Login to your Vercel account (if not already logged in):
```bash
vercel login
```
Follow the on-screen instructions to log in to your Vercel account.

```bash
vercel
```
This command will initiate the deployment process. Vercel will prompt you with some configuration options, such as setting up the project name, environment variables, etc. Follow the prompts to configure your deployment.

If you want to deploy without being prompted, you can use the --confirm flag:
```bash
vercel --confirm
```
After a successful deployment, Vercel will provide you with a unique URL for your project. You can open this URL in your browser to view your deployed application.

Additionally, you can add a build command to specify how your project should be built before deployment. This is useful for projects that require build steps.
```bash
vercel --build "your-build-command"
```
Replace "your-build-command" with the actual build command for your project.
## Contributing

Contributions are always welcome!

See `CONTRIBUTION.md` for ways to get started.

Please adhere to this project's `code of conduct`.

## License

[MIT](https://choosealicense.com/licenses/mit/)

## Authors

[@colddsam](https://www.github.com/colddsam)

## Feedback

If you have any feedback, please reach out to us at colddsam@gmail.com