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
• 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
Client: ejs, js, html, css, bootstrap
Server: Node, Express
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 install3: Start the server:
npm startThe application should now be running on http://127.0.0.1:8000.
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.
• Express.js
• EJS
• Bootstrap
• Swiper.js
• Owl Carousel
• fullPage.js
- Niraj bava
If you have any questions or feedback, feel free to reach out to me on LinkedIn or email.
Email : nirajbava222@gmail.com
