DEV Community

Cover image for Introducing Ideao - A web portal of exploring ideas.
Utsav bhattarai
Utsav bhattarai

Posted on • Updated on

Introducing Ideao - A web portal of exploring ideas.

Overview of My Submission

Ideao is a web platform of exploring, sharing the creativeness in the form of idea. It allows to search the idea which helps you to make awesome things.

The idea behind this was to built a web portal which makes easy connection for idea seeker and idea provider. This project is built especially for the developer who are eagerly searching for ideas for hackathon or some other works.

This project is crafted using

  • ReactJs (For Frontend)
  • Custom css (For styling)
  • ViteJs (For Development tool)
  • Redis Modules (Redis Om)
    • RedisJson (For database)
    • RedisSearch (For searching)

Apart from that, I was just roaming around the internet and saw the announcement of Redis Hackathon Organized by dev.to. I was so excited to participate on it but my excitement went down when I can't think of awesome idea which can won the case prize (Just kidding🤣).Thinking of idea wasted my 2 3 days. But after the huge brainstorming I converted my problem into my idea called as Ideao.

Submission Category:

This project is built upon on MEAN/MERN Mavericks

Video

Architecture

Pic

Language Used

This project is built using

  • Js/React
  • NodeJs/ExpressJs

In general, This project is made up using RERN (Redis, Express, React, Node.js)

Link to Code

GitHub logo utsavbhattarai007 / ideao

Ideao is the web portal for exploring the ideas.

Introducing Ideao - A web portal of exploring ideas

Ideao is a web platform of exploring, sharing the creativeness in the form of idea. It allows to search the idea which helps you to make awesome things.

Overview video

Watch the video

How it works

At first, Ideao communicated with the api for retrieving the idea and user data, posting them to the backend server, Searching idea and delete the idea according to the user.

How the data is stored:

The ideao's data is stored in JSON format based upon RediJSON. The overall mapping of data is configured by Redis Om Node js package.

At first connection need to be established in redis cloud by:

import { Client } from "redis-om";
const client = new Client();
const con = await client.open(process.env.REDIS_URL);
if(con){
  console.log
…
Enter fullscreen mode Exit fullscreen mode

Website

Visit it: Ideao

Additional Resources / Info

Home page
Home Pic

Main App

Main Dashboard

Search page

Search page

Mobile view

Mob view


Top comments (1)

Collapse
 
rajeshkhadka profile image
Rajesh khadka

useful project !!
Surely I'm going to explore it !!