DEV Community

Cover image for #4 of 100DaysOfCode
Atulit Anand
Atulit Anand

Posted on

#4 of 100DaysOfCode

Fourth Day,
I got mixed feelings about today.
Yesterday after making my second project, I started feeling like I am pretending to know everything but in reality, I know nothing.
I know what the term is, just don't wanna say it .😅

So, I took today's whole day for revisiting all the facts and concepts. So-called "revision".
I wasted some of my time too but I also did a remake of my yesterday's project.

My today's project :
Github Cards app but with the help of functional components this time.

const Card = (props) => {
  return (
    <div className="github-profile">
      <img src={props.profile.avatar_url} />
      <div className="info">
        <div className="name">{}</div>
        <div className="company">{}</div>

const CardList = ({ profiles }) => {
  return => <Card profile={profile} />);

const Form = (props) => {
  const fetchInput = (event) => {
    let inputData = document.getElementById("input_cardName");
    inputData.value = "";
  return (
    <form onSubmit={fetchInput}>
      <input type="text" id="input_cardName" />
      <button type="submit">Add Card</button>

const App = () => {
  const [currentProfiles, addProfile] = useState([]);
  const addCard = async (profileName) => {
    const resp = await axios.get(`${profileName}`);
    let profile = await;
    addProfile([...currentProfiles, profile]);
  return (
      <div>Github Cards Application</div>
      <Form onSubmitHandler={addCard} />
      <CardList profiles={currentProfiles} />

ReactDOM.render(<App />, mountNode);

Enter fullscreen mode Exit fullscreen mode

You can try and run the code in this playground.

But even after that, I didn't felt satisfied. 🤷‍♂️
So I started learning again.
I'll update the post if I'll learn something wonderful today.

Also I'd really appreciate it if someone wanna share their experience regarding this or best practices to learn. 🙂

Till then,
Thanks for joining me.🤗
Have a beautiful day.🌷

Top comments (1)

schleidens profile image

Keep it up dude