anshumanpattnaik / Reactjs Portfolio Mern Website
Licence: mit
My Portfolio | Full Stack MERN Application
Stars: ✭ 25
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Reactjs Portfolio Mern Website
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+5108%)
Mutual labels: webpack, server-side, server-side-rendering
Mern
🎉 This is boilerplate for MERN stack with integrations like Redux and SSR 🎉
Stars: ✭ 77 (+208%)
Mutual labels: webpack, mongodb, server-side-rendering
Lichter.io
My own website and CV
Stars: ✭ 105 (+320%)
Mutual labels: webpack, portfolio, portfolio-website
React Ssr Boilerplate
A boilerplate for server-side rendered React Applications. Includes local auth and GitHub Oauth 2 strategies.
Stars: ✭ 85 (+240%)
Mutual labels: webpack, mongodb, server-side-rendering
Personal Site
My personal website - built with React, React-Router, React-Snap for Static-Export, and GitHub Pages.
Stars: ✭ 324 (+1196%)
Mutual labels: webpack, portfolio, portfolio-website
Universal Starter
Angular 9 Universal repo with many features
Stars: ✭ 518 (+1972%)
Mutual labels: webpack, server-side-rendering
React Imported Component
✂️📦Bundler-independent solution for SSR-friendly code-splitting
Stars: ✭ 525 (+2000%)
Mutual labels: webpack, server-side-rendering
Saturn
Opinionated, web development framework for F# which implements the server-side, functional MVC pattern
Stars: ✭ 540 (+2060%)
Mutual labels: server-side, server-side-rendering
Loadable Components
The recommended Code Splitting library for React ✂️✨
Stars: ✭ 6,194 (+24676%)
Mutual labels: webpack, server-side-rendering
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+1672%)
Mutual labels: webpack, server-side-rendering
Mongoui
MongoDB admin UI server written in Node.js 🎮
Stars: ✭ 566 (+2164%)
Mutual labels: webpack, mongodb
React App
Create React App with server-side code support
Stars: ✭ 614 (+2356%)
Mutual labels: webpack, server-side-rendering
Korolev
Single Page Applications running on the server side.
Stars: ✭ 510 (+1940%)
Mutual labels: server-side-rendering, single-page-applications
Universal React Apollo Registration
Open Source Universal User Registration System – NodeJS React Apollo GraphQL JWT MongoDB
Stars: ✭ 495 (+1880%)
Mutual labels: mongodb, server-side-rendering
Flexible Jekyll
Flexible-Jekyll is a simple and clean theme for Jekyll
Stars: ✭ 531 (+2024%)
Mutual labels: portfolio, portfolio-website
Faqguru
🎒 🚀 🎉 A list of interview questions. This repository is everything you need to prepare for your technical interview.
Stars: ✭ 4,653 (+18512%)
Mutual labels: webpack, mongodb
Injectify
Perform advanced MiTM attacks on websites with ease 💉
Stars: ✭ 612 (+2348%)
Mutual labels: webpack, mongodb
Nextjs Mongodb App
A Next.js and MongoDB web application, designed with simplicity for learning and real-world applicability in mind.
Stars: ✭ 694 (+2676%)
Mutual labels: mongodb, full-stack
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+2576%)
Mutual labels: webpack, server-side-rendering
Generator Ng Fullstack
Client, server or fullstack - it's up to you. ng-fullstack gives you the best of the latest.
Stars: ✭ 701 (+2704%)
Mutual labels: webpack, mongodb
Technical Overview
A portfolio site is essential for every software developer to showcase projects and technical skills which demonstrates what you can do based upon your resume.
So I have built my site using react.js as a front end, node.js as a back-end, and MongoDB as storage, for better performance I have implemented server-side rendering technique which is a very popular technique for rendering client-side webpage on the server and server will send the complete result to the client, and to bundle the module I have used Webpack which is a module bundler to bundle javascript, front-end assets.
Website Link
https://myportfolio.hackbotone.com
MongoDB database import command
Please import the databases after cloning this repo.
git clone https://github.com/anshumanpattnaik/reactjs-portfolio-mern-website.git
cd reactjs-portfolio-mern-website/databases
mongoimport --uri "mongodb://127.0.0.1:27017/portfolio" --collection skills --jsonArray --file skills.json
mongoimport --uri "mongodb://127.0.0.1:27017/portfolio" --collection projects --jsonArray --file projects.json
mongoimport --uri "mongodb://127.0.0.1:27017/portfolio" --collection blogs --jsonArray --file blogs.json
Installation
cd reactjs-portfolio-mern-website
npm install
npm run start
Open http://localhost:9002 to view it in the browser.
Website Design & Developed by
License
This project is licensed under the MIT License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].