nirajbawa/dynamic-portfolio-web-app

About : Dynamic Portfolio is web application created using express js and mongodb backend and ejs and js front end. it is custom dynamically editable portfolio web app. admin user control all the content of application form admin panel.

Dynamic Portfolio Web Application

This is a dynamic portfolio web application built using Express.js and EJS as the template engine, with custom CSS and JavaScript for styling and functionality. The website is fully responsive and optimized for desktop and mobile devices.

The following libraries and plugins were used in this project :

• Bootstrap for the front-end design

• Swiper.js for the project carousel

• Owl Carousel for the testimonials section

• fullPage.js for the full-screen scrolling effect on the about page

Features

• Dynamic project cards with project details and images

• Contact form with server-side validation and email notification

• About section with personal bio and skills

• Responsive design for desktop and mobile devices

• Customizable theme colors and layout

• Smooth animations and transitions using custom CSS and JavaScript

• Interactive and testimonials section using Swiper.j project carousels and Owl Carousel

• Full-screen scrolling effect on the Home page using fullPage.js

Tech Stack

Client: ejs, js, html, css, bootstrap

Server: Node, Express

Getting Started

Install Dynamic Portfolio Web Application with npm

1: Clone the repository:

  git clone https://github.com/Dynamic-Portfolio-Web-App/

2: Install the dependencies:

  npm install

3: Start the server:

  npm start

The application should now be running on http://127.0.0.1:8000.

Usage

1: To use Application you need to define environment variables

  (.env) :

        DATABASE=mongodb://127.0.0.1:27017/Portfolio_Web_Appy
        SECRET=test
        EMAIL=<smtp_enabled_email>
        PASSWORD=<Password>

2: after starting application you need to configure first Admin use to do this you need to go http://127.0.0.1:8000/admin/signup to create first Admin user.

3: To accsess admin panel of application you need to go http://127.0.0.1:8000/admin/signin.

Credits

• Express.js

• EJS

• Bootstrap

• Swiper.js

• Owl Carousel

• fullPage.js

Authors

• Niraj bava

Contact

If you have any questions or feedback, feel free to reach out to me on LinkedIn or email.

Email : [email protected]

🔗 Links