Git Product home page Git Product logo

ankurvlog's Introduction

AIVANA - Aivlog

Welcome to AIVLOG, a blog application developed under the AIVANA parent company. AIVLOG allows users to upload blogs categorized into five different categories. Users who upload blogs have full CRUD (Create, Read, Update, Delete) operations on their own blogs, while other users can read the blogs, leave comments, and delete their own comments. Additionally, users can set a thumbnail for their blogs in various image formats such as .jpg, .png, .gif, or .svg.

Features

  • User authentication using JSON Web Tokens (JWT)
  • Blog upload and categorization
  • CRUD operations for blog owners
  • Reading and commenting on blogs for other users
  • Thumbnail support for blogs (supports .jpg, .png, .gif, .svg formats)
  • About page linking to the GitHub README file
  • Social media links for connecting with AIVLOG
  • Contact form for user feedback and complaints
  • Browser script blocking detection with a unique animation

Installation

  1. Clone the repository
git clone https://github.com/20Sunny/AIVLOG.git 
  1. Install dependencies: for Client Folder
npm --openssl-legacy-provider install

for Server Folder

npm install

Usage For Server

  1. Set up the required environment variables (e.g., database connection, JWT secret) in a .env file in server folder.
DB_USERNAME= MongoDB API Username
DB_PASSWORD= MongDB API password
DB_URL= your MongoDB Atlas API
ACCESS_SECRET_KEY=de37bbab03b0380009e4b2f9c6fa6dcf95ae3acfc63125ce7b580d8d490eb6f92579843a4ce44011998dbec04fab568e5de224b042b2c2cf284acfbe03f1f4a6
REFRESH_SECRET_KEY=a60327222ffaa884573490fc0574d69f3f5d1925a98479fb4ef184ebc99fab84cbb9edcc41434b58a07b66188a75152916ed7b46b2031afa5b5c0f046cacb726
  1. Go to server/controller/image-controller.js set const url to https://localhost:8000
  2. Start the development server: npm start

Usage For Client

  1. Go to client/src/service/api.js set API_URL to https://localhost:8000
  2. Start the developement client: npm start

Contact

If you encounter any issues or have suggestions for improvements, please contact us through the following channels:

Browser Script Blocking Animation

AIVLOG has a unique animation that is triggered when the script is blocked in the user's browser. This animation provides a visual cue to users that the website functionality may be limited without JavaScript enabled.

Screenshots

login or sign up

Login or sin up

Home Page

home

View Blog

Edit Blog

New Blog

Contact Page

Contributing

We welcome contributions to AIVLOG! To Contribute.

License

This project is licensed under the MIT License.

ankurvlog's People

Contributors

ankur-357 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.