https://github.com/CrestNiraj12/portfolio-website

My personal website
https://github.com/CrestNiraj12/portfolio-website

create-react-app express expressjs javascript nodejs react react-router reactjs redux sass scss scss-framework scss-mixins scss-styles web-application webapp website

Last synced: about 1 year ago
JSON representation

My personal website

• Host: GitHub
• URL: https://github.com/CrestNiraj12/portfolio-website
• Owner: CrestNiraj12
• License: gpl-3.0
• Created: 2020-07-13T16:53:57.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T11:24:11.000Z (over 3 years ago)
• Last Synced: 2024-11-07T00:39:31.974Z (over 1 year ago)
• Topics: create-react-app, express, expressjs, javascript, nodejs, react, react-router, reactjs, redux, sass, scss, scss-framework, scss-mixins, scss-styles, web-application, webapp, website
• Language: JavaScript
• Homepage: https://nirajshrestha.live
• Size: 85.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Website](https://img.shields.io/website?down_color=lightgrey&down_message=offline&up_color=success&up_message=online&url=https%3A%2F%2Fnirajshrestha.live)

[![GNU GPL v3 license](https://img.shields.io/badge/License-GPL%20v3.0-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.en.html)

![GitHub last commit](https://img.shields.io/github/last-commit/CrestNiraj12/portfolio-website)

[![time tracker](https://wakatime.com/badge/github/CrestNiraj12/portfolio-website.svg)](https://wakatime.com/badge/github/CrestNiraj12/portfolio-website)

[![Netlify Status](https://api.netlify.com/api/v1/badges/19d205d8-4f01-4cba-9bd7-552bb7c11ccb/deploy-status)](https://app.netlify.com/sites/nirajshrestha/deploys)

# Portfolio Website

My personal website and a personal project to challenge myself to build a website with ReactJS frontend while using Redux, Sass and NodeJS with Express for the backend after one or two online courses.

## Available Scripts

In the project directory, you can run:

### `npm start`

Sets NODE_ENV to production and runs the server to start responding for requests.

### `npm azure`

Sets NPM_CONFIG_PRODUCTION to false then,

- #### `npm install --prefix client`

  Installs client dependency packages

- #### `npm run build --prefix client`

  Runs the build script of client

- #### `node backend/config/utils/optimizeImages.js`

  Optimizes and Resizes images for better performance. Makes use of [imagemin](https://www.npmjs.com/package/imagemin) package that uses the following plugins to optimize:

  - [imagemin-pngquant](https://www.npmjs.com/package/imagemin-pngquant)

  - [imagemin-mozjpeg](https://www.npmjs.com/package/imagemin-mozjpeg)

  For resizing, [Jimp](https://www.npmjs.com/package/jimp) package is used.

### `npm run dev`

Uses [concurrently](https://www.npmjs.com/package/concurrently) package. Runs 3 scripts:

- #### `nodemon server`

  Starts the server using [nodemon](https://nodemon.io/) to start responding for requests

- #### `cd client && npm start`

  Starts the React frontend

- #### `cd client && npm run watch-sass`

  Uses [node-sass](https://www.npmjs.com/package/node-sass) package to watch .scss file changes and auto-compile it to css.

### Other Accounts 📫

You can find and get touch with me on these accounts!

- [ CrestNiraj12](https://github.com/CrestNiraj12)

- [ @crestniraz](https://www.instagram.com/crestniraz/)

- [ crestniraz](https://stackoverflow.com/users/7185580/crestniraz)

- [ Niraj Shrestha](https://www.facebook.com/crestniraz)