Skip to content

Rajneeshzytox/VortexStories

Repository files navigation

Vortex Stories V4

Blog News Articles Platform React Frontend

Index

Introduction

Vortex Stories is a platform for sharing thoughts and stories, reading articles, and viewing news. This project, initially developed using HTML, CSS, and JavaScript for the frontend and a backend template with Bootstrap, PHP, and MySQL.


Now, Vortex Stories is being rebuilt using modern technologies to enhance functionality and performance.

The new version will use React and TailwindCSS for the frontend, and Node.js, Express, and MongoDB ( learning backend 2024 ) for the backend.

This repository focuses on the frontend development to showcase my skills in frontend development.

Live View

!!! NOTE For Old Vortex Stories !!!: 
- Frontend was created in Mobile (Acode editor), So for better experience see in tab or mobile screen size.

- Not Completed: some parts of site may not work or without style. this is because i was busy in college exams '1st year sem 2' 

- Hosted on a free hosting site (infinityfree), so it can be deleted in future

Tech Stack Vortex Stories V4

  • Frontend : Reactjs (Vite), TailwindCss, DaisyUI
  • Backend : {soon}

Features (Planned)

  • Ai Based Articles Generator, Article Enhancer
  • Read News/Blogs/Articles (obviously)
  • User Login, Online/offline
  • Dashboard for Article Writing/backend

Images

Always see live View Visit Vortex Stories

  • Project Plan Layout (Paint) Layout Plan

  • Rough Design Plan 2 Layout Plan 2 vortex stories

  • Current Project ScreenShot (XL Big Screens) Xl screen vortex stories

  • Current Project ScreenShot (Lg Pc Screens) lg screen vortex stories

  • Current Project ScreenShot (Md Tab Screens) md screen vortex stories

  • Current Project ScreenShot (Sm Mobile Screens) sm screen vortex stories

Install

https://github.com/Rajneeshzytox/VortexStories.git
  1. Clone the repository
gh repo clone Rajneeshzytox/VortexStories
cd VortexStories
  1. Install dependencies
npm i
<!-- or -->
npm install
  1. Run
npm run dev

Open: http://localhost:5173/

contact if any issue...

Contact

About

Blog Magazing Design

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published